<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        margin: 0px;
        padding: 0px;
        list-style: none;   
    }
    .z{
        height: 74px;
        background: url("gan/bg.jpg")repeat-x;
    }
    .x{
        width: 968px;
        height: 74px;
        margin: 0px auto;
    }
    .x h1{
        float: left;
    }
    .x img{
        height: 40px;
        margin-top: 16px;
    }
    .x ul{
        float: right;
    }
    .x li{
        float: left;
    }
    .x a{
        font-size: 13px;
        text-decoration: none;
        color: #fff;
    }
    .x li{
        margin-right: 14px;
        padding: 9px;
        margin-top: 17px;
    }
    .x li:hover{
        background: rgb(119, 118, 118);
        border-radius: 20px;
    }
    .c{
        height: 423px;
        background:#dcdcdc;
    
    }
    .v{
        width: 968px;
        height: 423px;
        margin: 0px auto;
        background:#dcdcdc;
    }
    .v .b{
        float:left;
        }
    .v .n{
        float: right;
    }
.b h2{
    margin-top:53px;
    margin-bottom: 18px;
    font-size: 23px;

}
.b li{
    margin-bottom: 18px;
    font-size: 15px;
    }
.n{
    margin-top: 40px;
    margin-bottom: 22px;
}
.b h3:hover{
    cursor: pointer;
}
.m ul li a{
    color: seagreen;
    
}
.gg{
    width: 1000px;
    height: 378px;
     margin:48px auto 27px;
            }
/*.uu{
    width: 633px;
    height:378px;
    float: left;
    background: lightseagreen;
}*/
/*.jj{
    width: 335px;
    height: 378px;
    float: right;
    background: magenta;
}*/
.gg .uu{
    float: left;
}
.gg .jj{
     float: right;
 }
.gg .uu img{
  width: 629px;
}
.gg .uu li{
 float: left;
 width: 217px;
 }
 .uu a{
     color: seagreen;
 }
 .jjk{
    width: 335px;
    height: 378px;
    float: left; 

 }
 .xiaos li{
     width: 350px;
     padding: 5px;
     color: seagreen;
     
 }
 .xiaos span{
     float: right;
     color: rgb(100, 100, 100);
    
 }
 i{
    color: rgb(196, 20, 20);
    }
    h5{
        font-size: 15px;
        
    }
    .kkii{
        float: left;
    }
    .xiaos{
        margin-bottom: 25px;
    }
    .ooppp{
        width: 110px;
    }
    .ooppp h6{
    font-size: 15px;
    float: right;
    }
    .yytt{
        width: 968px;
        height: 51px;
        margin-top: 27px;
       
        margin: 10px auto;
        border-top: 1px solid #bcbcbc;

    }
    .yytt .jjuu li{
        float: left;
        padding: 7px;
        font-size: 11px;
        margin-top: 12px;
        color:#999999
    }
    .yytt .hhoo li{
        float: right;
        padding: 7px;
        font-size: 11px;
        margin-top: 12px;
        color:#999999
    }
    .ttt{
        width: 966px;
        height: 30px;
        margin: 0px auto;

    }
    .ttt li{
        font-size: 11px;
        color: #999999;
        font-weight: 600;
    }
    .yytt .jjuu li:hover{
        cursor: pointer;
    
    }
    .yytt .hhoo li:hover{
        cursor: pointer;
    
    }
    .jjk .xiaos {
        cursor: pointer;
    }
    h6{
        cursor: pointer;
    }
    
 
    

 
</style>
<body>
    <div class="z">
        <div class="x">
            <h1>
                <img src="gan/logo.png" alt="">
            </h1>
            <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li>
                    <a href="">帮助与反馈</a>
                </li>
               
                <li>
                    <a href="">公众平台</a>
                </li>
                <li>
                    <a href="">开放平台</a>
                </li>
                <li>
                    <a href="">微信支付</a>
                </li>
                <li>
                    <a href="">微信广告</a>
                </li>
                <li>
                    <a href="">企业微信</a>
                </li>
                <li>
                    <a href="">表情开放平台</a>
                </li>
                <li>
                    <a href="">微信网页版</a>
                </li>
                
            </ul>
        </div>
    </div>
    <div class="c">
        <div class="v">
            <div class="b">
                <h2>微信，是一个生活方式</h2>
            <ul>
            <li>超过十亿人使用的手机应用</li>
            <li> 支持发送语音短信、视频、图片和文字</li>
            <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
            </ul>
            <h3><img src="gan/down.png" alt=""></h3>
            <div class="m">
                <ul>
                    <li>
                        <a href="">忘记了账号或密码？</a>
                    </li>
                    <li>
                        <a href="">自助解除登录或功能限制</a>
                    </li>
                    <li>
                        <a href="">冻结或解除微信账号</a>
                    </li>
                </ul>
            </div>
        </div>
        <img src="gan/com.png" alt=""class="n" >
            
    </div>

    </div>
    <div class="gg">
        <div class="uu">
            <img src="gan/b.png" alt="">
            <ul>
                <li>
                    <h4>微信网页版</h4>
                    <p>扫一扫二维码</p>
                    <p>就能在浏览器上使用微信</p>
                    <a href="">了解更多</a>
                </li >
                <li >
                    <h4>微信 Mac 版</h4>
                    <p>极致简洁，迅捷沟通</p>
                    <a href="">了解更多</a>
                </li>
                <li>
                    <h4>微信 Windows 版</h4>
                    <p>让沟通更方便</p>
                    <a href="">了解更多</a>
                </li>
            </ul>
    
            
        </div>
        <div class="jjk">
            <h5>最新消息</h5>
            <ul class="xiaos">
                <li><a>微信 8.0.2 for Android 正式版发布<a><i>(new)</i><span>03-25</span></li>
                <li></a>微信 3.2.1 for Windows 正式版发布</a><i>(new)</i><span>03-22</span></li>
                <li>微信 8.0.2 for iOS 正式版发布<i>(new)</i><span>02-02</span></li>
                <li>微信 2.6.1 for Mac 正式版发布<i>(new)</i><span>01-20</span></li>
                <li>关于部分 iOS 9 用户无法更新微信<i>(new)</i><span>01-28</span></li>
                <li>微信外部链接内容管理规范<i></i><span>02-11</span></li>
                <li>微信网页版 2.1 版本发布<i></i><span>01-17</span></li>
                <li>微信表情开放平台上线<i></i><span>07-29</span></li>
                <li>官方辟谣公众号开通<i></i><span>10-28</span></li>
                <li>查看更多</li>
            </ul>
            <div class="ooppp">
                <img src="gan/hhjj.png" alt="" class="kkii">
            <h6><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&ADTAG=&check=false&nav=contact&t=weixin_contact&loc=readtemplate,weixin,body,5">联系我们</a></h6>
            </div>
            
        </div>
    </div>

    <div class="yytt">
        <div class="jjuu">
            <ul>
                <li><a href=""></a>关于腾讯 </li>
                <li>|</li>
                <li><a href=""></a>服务条款</li>
                <li>|</li>
                <li><a href=""></a>使用规范</li>
                <li>|</li>
                <li><a href=""></a>客服中心</li>
                <li>|</li>
                <li><a href=""></a>隐私保护指引</li>
            
            </ul>
        </div>
        <div class="hhoo">
            <ul>
                <li><a href=""></a>English</li>
                <li>|</li>
                <li><a href=""></a>繁体中文</li>
                <li>|</li>
                <li><a href=""></a>简体中文</li>

            </ul>
        </div>
    </div>
    <div class="ttt">
        <ul>
            <li>© 1998 - 2021 Tencent Inc. All Rights Reserved</li>
        </ul>
    </div>
</body>
</html>